<template>
  <div id="app">
    <!-- <ArrayChange /> -->
    <!-- <DiffDemo />  -->
    <!-- <DynaClazz /> -->
    <!-- <DynaStyle /> -->
    <!-- <PingPai></PingPai> -->
    <!-- <FilterDemo> </FilterDemo> -->
    <!-- <computedAttribute /> -->
    <!-- <computedAttr></computedAttr> -->
    <!-- <checkboxvue></checkboxvue> -->
    <!-- <WatchDemo></WatchDemo> -->
    <!-- <DeepWatchDemo></DeepWatchDemo> -->
    <!-- <BuyBook></BuyBook> -->
    <SumDemo></SumDemo>

  </div>
</template>

<script>

import ArrayChange from './components/ArrayChange.vue'
import DiffDemo from './components/DiffDemo.vue';
import DynaClazz from './components/DynaClazz.vue';
import DynaStyle from './components/DynaStyle.vue';
import PingPaiVue from './components/PingPai.vue';
import PingPai from './components/PingPai.vue';
import FilterDemo from './components/FilterDemo.vue';
import computedAttribute from './components/computed.vue';
import computedAttr from './components/computedAttr.vue';
import checkboxvue from './components/checkbox.vue';
import WatchDemo from './components/WatchDemo.vue';
import DeepWatchDemo from './components/DeepWatchDemo.vue';
import BuyBook from './components/BuyBook.vue';
import SumDemo from './components/SumDemo.vue';

export default {
  name: 'App',
  components: {
    ArrayChange,
    DiffDemo,
    DynaClazz,
    DynaStyle,
    PingPai,
    FilterDemo,
    computedAttribute,
    computedAttr,
    checkboxvue,
    WatchDemo,
    DeepWatchDemo,
    BuyBook,
    SumDemo
    


  }
}
</script>

